@font-face {
    font-family: SourceHanSansSC-Light;
    src: url('https://www.ciotems.com/static/fonts/SourceHanSansSC-Light.otf');
}
body{
	position: relative;
	font-size: 16px;
	font-family: SourceHanSansSC-Light,"PingFang SC", Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	background-color: #fff;
}
div,footer,section,figure{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
button,input{
	outline: none !important;
	border: none;
}
.border-radius-4{
	-webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}
/*header nav css*/
.container-navbar {
	width: 100%;
    padding: 0 15px;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.container-navbar-box-shadow{
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.175);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.175);
}
.common-header{
	width: 100%;
	height: auto;
}
.navbar-default {
    background-color: transparent;
    border: none;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.navbar-header,.navbar-default .navbar-nav>li {
	padding-top: 25px;
	padding-bottom: 25px;
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.navbar-default .navbar-nav>li>a {
	font-size: 18px;
	padding: 15px 24px;
	color: #fff !important;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #039DD9 !important;
}
.navbar-current-page{
	border-bottom: none;
}

.navbar-default li.navbar-current-page>a{
	color: #039DD9 !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}
/*logo css*/
.navbar-default .navbar-brand{
	width: 300px;
	height: 50px;
	background-color: transparent;
	background-image: url("../Images/logo.png");
	background-repeat: no-repeat;
    background-position: 10px -3px;
	/*-webkit-background-size: 100% 100%;
	background-size: 100% 100%;*/
}
/*登录页的logo*/
.login-container .navbar-brand{
	background-image: url("../Images/logo.png");
}
.logo-black{
	background-image: url("../Images/logo.png") !important;
	background-position: 10px -57px !important;
}
.login-register{
	padding: 8px 24px !important;
	margin: 7px 10px;
	border: none;
}
.login-register:hover{
	opacity: .8;
}
.navbar-default .navbar-nav>li>.register-btn {
    color: #fff !important;
	background-color: #039DD9;
	border: 1px solid #039DD9;
}
.navbar-default .navbar-nav>li>.register-btn:hover {
	color: #fff !important;
	background-color: #039DD9;
    opacity: .8;
    -o-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.navbar-default .navbar-nav>li>.login-btn{
	border: 1px solid #cfcfcf;
	margin-right: 0;
}
.navbar-default .navbar-nav>li>.login-btn:hover{
	color: #fff !important;
    background-color: rgba(153,153,153,.3);
    opacity: 1;
    -o-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
/*dropdown*/
.common-navbar-dropdown .dropdown-menu{
	display: none;
	border: none;
	background-color: #fff;
	box-shadow: 0 0 2px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 2px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 2px 3px rgba(0,0,0,.1);
}
.common-navbar-dropdown:hover .dropdown-menu{
	display: block;
}
.dropdown-menu{
	position: absolute;
	left: 50%;	
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 18px;
	min-width: auto;
}
.dropdown-menu>li>a{
	color: #020202;
	padding: 10px 15px;
	text-align: left;
    -o-transition: color .3s ease, background .3s ease;
    -moz-transition: color .3s ease, background .3s ease;
    -webkit-transition: color .3s ease, background .3s ease;
    transition: color .3s ease, background .3s ease;
}
.dropdown-menu>li>a:hover{
	background-color: #039DD9;
	color: #fff;
}
/*微信二维码部分*/
.wechat-qrcode:hover .qrcode{
	display: block;
}
.wechat-image{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 10px 15px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center center;
}
.wechat-green{
	background-image: url("../Images/cetetech.header-footer.wechat-green.png");
}
.wechat-qrcode{
	position: relative;
	height: 50px;
}
.qrcode:before{
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	content: "";
	display: inline-block;
	width:0;
	height:0;   
	border-left:10px solid transparent;   
	border-right:10px solid transparent;   
	border-bottom:10px solid #fff;
}
.qrcode{
	display: none;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -110px;
    background-color: #fff;
    border: #D1D6DB solid 1px;
    padding: 20px;
}
.qrcode-tip{
	text-align: center;
	font-size: 16px;
}
.qrcode-img{
	width: 180px;
    height: 180px;
    background-image: url("../Images/cetetech.index.Qrcode.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.navbar-tel{
	height: 50px;
}
.navbar-tel-image{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 10px 15px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center center;
}
.navbar-tel-white{
	background-image: url("../Images/cetetech.header-footer.tel-white.png");
}
.navbar-tel-tip,.navbar-tel-num{
	display: block;
}
.navbar-tel-tip{
	font-size: 12px;
	color: #fff;
}
.navbar-tel-num{
	color: #fff !important;
	text-decoration: none !important;
}
.navbar-tel-num:hover{
	color: #039DD9 !important;
}
.navbar-tel p{
	margin: 5.5px 0;
}

/*下拉导航条粘住的效果*/
.navbar-stick.navbar-header,.navbar-stick.navbar-default .navbar-nav>li{
	padding-top: 5px;
	padding-bottom: 5px;
	-o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.navbar-stick.navbar-default {
    background-color: #fff;
    border: none;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.navbar-stick.navbar-default .navbar-nav>li>a {
	color: #020202 !important;
}
.navbar-stick.navbar-default li.navbar-current-page>a{
	color: #039DD9 !important;
}
.navbar-stick .navbar-nav>li>a.register-btn {
    color: #fff !important;
}
.navbar-stick.navbar-default .navbar-nav>li>.login-btn:hover{
	color: #020202 !important;
	background-color: rgba(248,248,248,.9);
	opacity: 1;
    -o-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.navbar-stick .wechat-green{
	background-image: url("../Images/cetetech.header-footer.wechat-black.png");
}
.navbar-stick .navbar-tel-white{
	background-image: url("../Images/cetetech.header-footer.tel-black.png");
}
.navbar-stick .navbar-tel-tip{
	color: #020202;
}
.navbar-stick .navbar-tel-num{
	color: #020202 !important;
}
.navbar-stick .navbar-current-page{
	border-bottom: 2px solid #039DD9;
}
/*下拉导航条粘住的效果*/

/*footer*/
.common-footer{
	width: 100%;
	padding: 30px 4%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #000;
	color: #aaa;
}
.footer-child {
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.footer-content{
	width: 80%;
}
.footer-Qr-code{
	width: 20%;
}
.footer-content dl{
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 16px;
}
.footer-content dl:nth-child(3){
	float: right;
	width: 40%;
}
.footer-content dl:first-child,
.footer-content dl:last-child,
.footer-content dl:nth-child(2){
	width: 20%;
}
.footer-content dl dt{
	margin-bottom: 20px;
	cursor: hand;
	cursor: pointer;
}
.footer-content dl dt:hover{
	color: #039DD9;
}
.footer-content dl dd{
	margin-bottom: 5px;
	font-size: 14px;
	cursor: hand;
	cursor: pointer;
}
.footer-content dd a{
	color: #aaa;
	text-decoration: none;
}
.footer-content dd a:hover{
	color: #039DD9;
	text-decoration: underline;
}
.footer-content dl dd:hover{
	color: #039DD9;
}
.footer-Qr-code{text-align: center;}
.footer-Qr-code figure img{margin: auto;}
.footer-Qr-code figure figcaption{
	margin-top: 10px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.footer-bottom-content{
	clear: both;
	height: auto;
	overflow: hidden;
}
.footer-bottom-content p{
	margin: 0;
	padding-top: 15px;
	text-align: center;
	font-size: 14px;
}

/*改变移动端的时候右边三条横线的颜色和背景*/
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
     background-color: #039DD9; 
}
.navbar-collapse.in {
     overflow-y: hidden; 
}


/*媒体查询*/
/*大于1350px,小于1500px*/
@media only screen and (min-width:1350px) and (max-width:1500px){
	.navbar-default .navbar-nav>li>a {
	    padding: 15px 10px;
	}
}
/*大于1150px,小于1349px*/
@media only screen and (min-width:1150px) and (max-width:1349px){
	.navbar-default .navbar-nav>li>a {
	    padding: 15px 10px;
	}
	.wechat-qrcode,
	.navbar-tel{
		display: none;
	}
}
/*大于950px,小于1149px*/
@media only screen and (min-width:950px) and (max-width:1149px){
	.navbar-default .navbar-nav>li>a {
	    padding: 15px 10px;
	}
	.wechat-qrcode,
	.navbar-tel{
		display: none;
	}
	.navbar-default .navbar-brand {
	    width: 150px;
	    background-image: url("../Images/logo.small.png");
	    background-position: 10px -3px;
	}
	.logo-black {
	    background-image: url("../Images/logo.small.png") !important;
	    background-position: 10px -57px !important;
	}
	.navbar-default .navbar-nav>li>.login-btn{
		margin-right: -7px;
	}
}
/*大于768px,小于949px*/
@media only screen and (min-width:768px) and (max-width:949px){
	.navbar-default .navbar-nav>li>a {
	    padding: 15px 4px;
	}
	.wechat-qrcode,
	.navbar-tel{
		display: none;
	}
	.navbar-default .navbar-brand {
	    width: 150px;
	    background-image: url("../Images/logo.small.png");
	    background-position: 10px -3px;
	}
	.logo-black {
	    background-image: url("../Images/logo.small.png") !important;
	    background-position: 10px -57px !important;
	}
	.container-navbar {
	    padding: 0 2%;
	}
	.login-register {
	    padding: 8px 10px !important;
	    margin-right: 0;
	}
	.navbar-default .navbar-nav>li>.login-btn{
		margin-right: -7px;
	}
	/*footer*/
	.common-footer{
		padding: 30px 2.5%;
	}
}
/*大于480px,小于767px*/
@media only screen and (min-width:480px) and (max-width:767px){
	.navbar-header, .navbar-default .navbar-nav>li {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	.navbar-collapse {
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    text-align: center;
	}
	.wechat-qrcode,
	.navbar-tel{
		display: none;
	}
	.navbar-nav {
	    margin: 0;
	    float: none !important;
	}
	.navbar-default .navbar-nav>li {
		width: 150px;
	    padding: 0;
	    margin: auto;
	}
	.login-register {
	    width: 100px;
	    margin: 7px auto !important;
	}
	.container-fluid>.navbar-collapse, 
	.container-fluid>.navbar-header, 
	.container>.navbar-collapse, 
	.container>.navbar-header {
	    margin-right: -30px;
	    margin-left: -30px;
	}
	.navbar-fixed-bottom .navbar-collapse, 
	.navbar-fixed-top .navbar-collapse {
		height: auto;
	    max-height: 550px;
	    background-color: rgba(0,0,0,.6);
	}
	.navbar-header.navbar-stick + .navbar-collapse {
	    background-color: #fff;
	    border-top: 1px solid #666;
	}
	.navbar-header.navbar-stick + .navbar-collapse ul li {
	    padding: 0;
	}
	/*footer*/
	.common-footer{
		padding: 15px 2.5%;
	}
	.footer-content dl dt {
	    margin-bottom: 10px;
	}
	.footer-content dl:first-child,
	.footer-content dl:last-child,
	.footer-content dl:nth-child(2){
		display: none;
	}
	.footer-content dl:nth-child(3){
		float: left;
		width: 100%;
	}
	.footer-bottom-content p span{
	    display: none;
	}
}
/*小于479px*/
@media only screen and (max-width: 479px) {
	.navbar-header, .navbar-default .navbar-nav>li {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	.navbar-collapse {
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    text-align: center;
	}
	.wechat-qrcode,
	.navbar-tel{
		display: none;
	}
	.navbar-default .navbar-brand {
	    width: 150px;
	    background-image: url("../Images/logo.small.png");
	    background-position: 10px -3px;
	}
	.logo-black {
	    background-image: url("../Images/logo.small.png") !important;
	    background-position: 10px -57px !important;
	}
	.navbar-nav {
	    margin: 0;
	    float: none !important;
	}
	.navbar-default .navbar-nav>li {
		width: 150px;
	    padding: 0;
	    margin: auto;
	}
	.login-register {
	    width: 100px;
	    margin: 7px auto !important;
	}
	.navbar-toggle {
	    margin-right: 7px;
	}
	.navbar-fixed-bottom .navbar-collapse, 
	.navbar-fixed-top .navbar-collapse {
		height: auto;
	    max-height: 550px;
	    background-color: rgba(0,0,0,.6);
	}
	.navbar-header.navbar-stick + .navbar-collapse {
	    background-color: #fff;
	    border-top: 1px solid #666;
	}
	.navbar-header.navbar-stick + .navbar-collapse ul li {
	    padding: 0;
	}
	/*footer*/
	.footer-content {
	    width: 70%;
	}
	.footer-Qr-code {
	    width: 30%;
	}
	.common-footer{
		padding: 15px 2.5%;
	}
	.footer-content dl dt {
	    margin-bottom: 10px;
	}
	.footer-content dl:first-child,
	.footer-content dl:last-child,
	.footer-content dl:nth-child(2){
		display: none;
	}
	.footer-content dl:nth-child(3){
		float: left;
		width: 100%;
	}
	.footer-content dl:nth-child(3) dd.cetetech-address,
	.footer-content dl:nth-child(3) dd.cetetech-email{
		display: none;
	}
	.footer-bottom-content p {
	    padding-top: 10px;
	}
	.footer-bottom-content p span{
	    display: none;
	}
}

/* 版权所有 */
.home-footer p span,
.footer-bottom-content p span {
	margin-left: 15px;
}
@media screen and (max-width: 960px) {
	.home-footer p,
	.footer-bottom-content p {
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 14px;
	}
	.home-footer p span,
	.footer-bottom-content p span {
		margin-left: 0;
		display: block;
	}
}